<script setup>

const count = $ref(0)
const userName = $ref('')
const age = $ref(18)

</script>

<template>
  <h4>if判断</h4>
  <p v-if="count>10"> 大于10 </p>
  <p v-else>不大于10</p>
  <p v-if="userName.length ==0 " style="background-color: red">用户不不能为空</p>
  用户名:<input type="text" v-model="userName">

  <h4>age年龄判断</h4>
  年龄:<input type="text" v-model="age"><br/>
  <p v-if="age > 60"> 老年人 </p>
  <p v-else-if="age > 40"> 中老年 </p>
  <p v-else-if="age > 25"> 中年人 </p>
  <p v-else> 青少年 </p>

  <template v-if="age > 18">
    成年了.....
  </template>

</template>

<style>

</style>
